Vue: Step-By-Step Guide To Mastering Vue.js From Beginner To Advanced (Vue.js, Learning Vue js 2) by Lionel Lopez

Author:Lionel Lopez
Language: eng
Format: azw3
Published: 2017-09-07T07:00:00+00:00

If you copy everything correctly you will be greeted with nothing on screen , press f12 and see console to see list of logs generated by code.

Actions

Both actions and mutation are same things, but there are following differences;

Instead of committing a mutation, actions commits mutations.

Actions can contains arbitrary asynchronous operations.

Let’s go ahead and register an action in our VueX:

const store = new Vuex.Store({

state: {

songs: [

{name: " Despacito " } ,

{name: " Will You! " } ,

{name: " You are not alone ! " } ,

]

},

getters : {

getAllSongs : state => {

return state.songs;

}

},

mutations : {

addSong : function (state,name) {

console.log(`Will add a song called ${name}`);

}

},

actions : {

addSong : function (context) {

context.commit(" addSong "," Rock Star " ) ;

}

}

});

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.